<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品管理</title>
		<!--<link rel="stylesheet" type="text/css" href="css/base.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />-->
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/layui/css/layui.css" media="all" />
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/user/css/baojia.css" />
		<script src="{:_SKIN}/user/layui/lay/dest/layui.all.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.layui-table,
			.layui-table th {
				text-align: center;
			}
			
			.layui-table {
				margin-top: -10px;
			}
			
			.layui-tab-title a {
				text-decoration: none;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<div class="titlebar">
				<div class="titlebar-name">产品管理</div>
			</div>
			<div class="my-s-a">
				<div class="my-s-a-a">
					<input class="my-s-a-a-s" type="text" name="title" value="" onkeypress="" placeholder="输入产品标题">
					<input class="my-s-a-a-b" type="button" value="查找" onclick="">
				</div>
				<div class="my-s-a-b">
					<span class="release-but mb_15">
		                    <a href="chanpinGLBD.html" target=""><i class="lee-ico lee-add"></i>发布产品<i class="lee-ico lee-arraw"></i></a>
					   	</span>
				</div>
			</div>
			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">
						全部
					</li>
					<li>
						审核中
					</li>
					<li>
						审核不通过
					</li>
					<li>
						已上架
					</li>
					<li>
						已下架
					</li>
				</ul>
		 <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>产品/品种</th>
						<th>发布时间</th>
						<th>单位</th>
						<th>价格</th>
						<th>
							<select name="status" id="status" onchange="" style="font-weight: initial;">
								<option value="0" selected="selected">全部</option>
								<option value="1">审核中</option>
								<option value="5">审核不通过</option>
								<option value="3">已上架</option>
								<option value="4">已下架</option>
							</select>
						</th>
						<th>查看评论</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>苹果/红富士苹果</td>
						<td>2016-11-29</td>
						<td>null</td>
						<td>null</td>
						<td>null</td>
						<td><a href="">查看评论</a></td>
						<td>
							<a href="">停止供应</a>
							<a href="">已推荐</a>
						</td>
					</tr>

				</tbody>
			</table>
			</div>
			  <div class="layui-tab-item">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>产品/品种</th>
						<th>发布时间</th>
						<th>单位</th>
						<th>价格</th>
						<th>
							<select name="status" id="status" onchange="" style="font-weight: initial;">
								<option value="0" selected="selected">全部</option>
								<option value="1">审核中</option>
								<option value="5">审核不通过</option>
								<option value="3">已上架</option>
								<option value="4">已下架</option>
							</select>
						</th>
						<th>查看评论</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>苹果</td>
						<td>2</td>
						<td>null</td>
						<td>null</td>
						<td>null</td>
						<td><a href="">查看评论</a></td>
						<td>
							<a href="">停止供应</a>
							<a href="">已推荐</a>
						</td>
					</tr>

				</tbody>
			</table>
			</div>
			  <div class="layui-tab-item">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>产品/品种</th>
						<th>发布时间</th>
						<th>单位</th>
						<th>价格</th>
						<th>
							<select name="status" id="status" onchange="" style="font-weight: initial;">
								<option value="0" selected="selected">全部</option>
								<option value="1">审核中</option>
								<option value="5">审核不通过</option>
								<option value="3">已上架</option>
								<option value="4">已下架</option>
							</select>
						</th>
						<th>查看评论</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>苹</td>
						<td>2016</td>
						<td>null</td>
						<td>null</td>
						<td>null</td>
						<td><a href="">查看评论</a></td>
						<td>
							<a href="">停止供应</a>
							<a href="">已推荐</a>
						</td>
					</tr>

				</tbody>
			</table>
			</div>
			  <div class="layui-tab-item">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>产品/品种</th>
						<th>发布时间</th>
						<th>单位</th>
						<th>价格</th>
						<th>
							<select name="status" id="status" onchange="" style="font-weight: initial;">
								<option value="0" selected="selected">全部</option>
								<option value="1">审核中</option>
								<option value="5">审核不通过</option>
								<option value="3">已上架</option>
								<option value="4">已下架</option>
							</select>
						</th>
						<th>查看评论</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>苹果</td>
						<td>11-29</td>
						<td>null</td>
						<td>null</td>
						<td>null</td>
						<td><a href="">查看评论</a></td>
						<td>
							<a href="">停止供应</a>
							<a href="">已推荐</a>
						</td>
					</tr>

				</tbody>
			</table>
			</div>
			  <div class="layui-tab-item">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>产品/品种</th>
						<th>发布时间</th>
						<th>单位</th>
						<th>价格</th>
						<th>
							<select name="status" id="status" onchange="" style="font-weight: initial;">
								<option value="0" selected="selected">全部</option>
								<option value="1">审核中</option>
								<option value="5">审核不通过</option>
								<option value="3">已上架</option>
								<option value="4">已下架</option>
							</select>
						</th>
						<th>查看评论</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>红富士苹果</td>
						<td>2016</td>
						<td>null</td>
						<td>null</td>
						<td>null</td>
						<td><a href="">查看评论</a></td>
						<td>
							<a href="">停止供应</a>
							<a href="">已推荐</a>
						</td>
					</tr>

				</tbody>
			</table>
			</div>
			</div>
			</div>
  <script>//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use('element',
        function() {
          var element = layui.element();

          //…
        });</script>
		</div>

	</body>

</html>